/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html, body { height: 100%; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
ul, ol { list-style: none }
s { text-decoration: none }
img { border: 0 }
table { border-collapse: collapse; border-spacing: 0 }
caption, cite, code, dfn, th, var { text-align: left; font-weight: normal; font-style: inherit; }
body { background-color: #fff; font-size: 12px; }/* 表单 */
label { display: inline-block; *display:inline;
*zoom:1
}
button, input, select, textarea { vertical-align: baseline; *vertical-align:middle
}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] input[type="button"]::-moz-focus-inner {
border:none;
padding:0
}/* 字体 */
body { /* [disabled]background: #ffffff;
*/ }
.clear { clear: both; }
a { text-decoration: none; color: #3399CC; outline: none; }
.ml5 { margin-left: 5px; }
.w1000 { width: 1000px; margin: auto; }
.mt20 { margin-top: 20px; }
.w11 { width: 1100px; margin: auto; }
.w95 { width: 950px; margin: auto; }
.top { width: 100%; height: 34px; background: #3399CC; z-index: 9999999; position: fixed; top: 0px; /* position fixed for IE6 *//*top: expression(documentElement.scrollTop + "px");*/ }
.topcon { width: 950px; height: 34px; margin: 0 auto; }
.fenxiang { width: 584px; float: left; display: inline; margin-top: 8px; }
.tel { width: 366px; float: right; display: inline; line-height: 34px; font-size: 20px; color: #fff; }
.head { width: 100%; height: 87px; overflow: hidden; zoom: 1; margin-top: 0px; }
.head_con { width: 950px; height: 87px; margin: 0 auto; overflow: hidden; zoom: 1; }
.logo { width:180px; height: 71px; float: left; display: inline; margin-top: 8px; }
.nav { width: 770px; float: right; display: inline; }
.nav li { width: 90px; float: left; display: inline; line-height: 87px; font-family: 微软雅黑; }
.nav li a { display: block; text-align: center; font-size: 16px; font-weight: bold; }
.nav li a:hover { color: #FFFFFF; background: #3399CC; }
.nav .style157 { background: #1F2024; }
.nav .style157 a { color: #FFFFFF; }
.ban { width: 100%; }
.box { width: 100%; ; height: 51px; border: 1px solid #E1E1E1; margin: 0 auto; background: #F4F4F4; margin-top: 15px; }
.boxcon { height: 36px; width: 960px; margin: 8px auto 0; }
.boxcon li { height: 36px; line-height: 36px; border-right: 1px dashed #CCCCCC; float: left; padding-right: 10px; margin-left: 22px; }
.boxcon li img { float: left; margin-right: 18px; }
.boxcon li a { color: #585858; font-weight: bold; }
.boxcon li a:hover { color: #AF1521; }
.wrap { width: 950px; height: auto; margin: 0 auto; overflow: hidden; zoom: 1; }
.tit { border-bottom: 3px solid#ddd9d9; height: 35px; margin-top: 20px; }
.tit h1 { background: url(../images/tit.jpg) 5px 10px no-repeat; font-size: 18px; font-weight: 100; width: 80px; float: left; padding-left: 25px; line-height: 31px; color: #ad0000 }
.tit span { width: 115px; float: left; line-height: 32px; color: #aba5a5; }
.tit a { font-size: 10px; float: right; width: 50px; line-height: 35px; background: url(../images/more.jpg) 0 15px no-repeat; padding-left: 15px; color: #000; }
.tit a:hover { color: #878787; background: url(../images/moreh.jpg) 0 15px no-repeat; padding-left: 15px; }
.line { width: 700px; height: 9px; margin-top: 12px; float: left; background: url(../images/line.jpg); }
.about_left { width: 380px; height: 290px; margin-top: 15px; float: left; background: #d1cfd2; }
.about_right { width: 580px; float: left; margin-left: 35px; margin-top: 15px; }
.r_tit { width: 550px; background: url(../images/linbg.jpg) 0 50px repeat-x; height: 80px; margin: auto; }
.r_tit h1 { font-size: 18px; height: 30px; }
.r_tit i { font-size: 12px; color: #d1cfd2; }
.r_con { line-height: 23px; width: 550px; margin: auto;font-size: 14px;}
.tit2 { border-bottom: 3px solid#ddd9d9; height: 35px; margin-top: 20px; }
.tit2 h1 { font-size: 12px; padding-left: 5px; font-weight: 100; float: left; font-weight: bold; line-height: 31px; color: #ad0000 }
.tit2 span { font-size: 18px; float: left; line-height: 25px; color: #aba5a5; }
.ra { width: 50px; float: right; }
.ra a { font-size: 10px; float: right; width: 50px; line-height: 35px; background: url(../images/more.jpg) 0 15px no-repeat; padding-left: 15px; color: #000; display: block; }
.ra a:hover { color: #878787; background: url(../images/moreh.jpg) 0 15px no-repeat; padding-left: 15px; }
.t_list { width: 500px; float: right; padding-right: 25px; }
.t_list a { float: right; padding-right: 5px; line-height: 35px; color: #000; }
.t_list a:hover { color: #676767; }
.t_list span { width: 10px;  height: 35px; float: right }/*background: url(../images/gd.jpg) 0 9px no-repeat;*/
.pro_con { width: 1020px; float: left; }
.pro_con li { float: left; margin-top: 15px; display: inline; margin-right: 15px; width: 240px; height: 237px; background: url(../images/probg.png); text-align: center; }
.pro_con li img { width: 215px; height: 180px; padding-top: 10px; display: block; margin: auto; }
.pro_con li p { margin-top: 20px; }
.pro_con li a { color: #333; }
.pro_con li a:hover { color: #ad0000; }
.prout_ul { width: 1000px; float: left; }
.prout_ul li { float: left; margin-top: 15px; display: inline; margin-right: 10px; width: 240px; height: 337px; text-align: center; }
.prout_ul li img { width: 220px; height: 280px; padding-top: 10px; display: block; margin: auto; }
.txtp { width: 220px; height: 30px; background: #dfdfdf; margin: auto }
.txtp a { color: #333; width: 220px; height: 35px; background: #dfdfdf; display: block; line-height: 35px; }
.txtp a:hover { color: #fff; background: #464646 }
/*news*/
.news { width: 1100px; height: 200px; margin-top: 15px; }
.imga { width: 217px; height: 200px; margin-left: 5px; float: left; }
.imga a { background: url(../images/news.jpg); width: 217px; height: 200px; display: block }
.imga a:hover { background: url(../images/news.jpg); opacity: 0.5; filter: alpha(opacity=50); }
.newsul { width: 750px; float: left; margin-left: 10px; }
.newsul li { width: 730px; height: 32px; line-height: 32px; border-bottom: 1px dashed #CCC; overflow: hidden; text-align: left; font-weight: 200; }
.newsul span { float: right; color: #666 }
.newsul li a { color: #333; background: url(../images/newsbgh.jpg)10px 12px no-repeat; padding-left: 25px; height: 32px; display: block; }
.newsul li a:hover { color: #000; background: url(../images/newsbg.jpg)10px 12px no-repeat; }
/*foot*/
.foot { width: 100%; height: 110px; background: #3399CC; margin-top: 25px; }
.foot_left { float: left; width: 300px; padding-top: 10px; }
.foot_right { width: 600px; float: left; padding-top: 15px; color: #fff; font-size: 14px; text-align: center; line-height: 30px; }
.foot_right a { color: #fff; }
.zy_top { width: 100%; height: 40px; border-bottom: 1px solid#ccc; border-top: 2px solid#ccc; }
.zy_top_left { width: 590px; float: left }
.zy_top_left a { float: left; line-height: 40px; color: #676767; font-size: 14px; }
.zy_top_left a:hover { color: #000; }
.zy_top_left span { width: 12px; height: 35px; float: left }
.zy_top_right { width: 400px; float: right; }
.zy_top_right .weizhi { float: right; display: inline; line-height: 40px; font-size: 12px }
/*zy_pro*/
.pro_ban { width: 950px; height: 249px; margin: auto; clear: both; }
.pro_ban .leftcon { width: 280px; height: 249px; float: left; }
.pro_ban .leftcon p { line-height: 30px; width: 245px; margin: auto; display: block; }
/*main*/
.main { width: 950px; margin: auto; }
.main_left { width: 280px; float: left; background: #d7d7d7; }
.main_left .lefttit { height: 45px; background: #3399CC; }
.main_left .lefttit h1 { font-size: 18px; font-weight: 100; float: left; width: 80px; margin-left: 25px; line-height: 45px; color: #fff; }
.main_left .lefttit span { float: left; color: #fff; line-height: 45px; }
.main_left .leftlist { float: left; width: 280px; }
.main_left .leftlist h2 { height: 40px; font-size: 18px; font-weight: 200; border-top: 2px solid#fff; }
.main_left .leftlist a { color: #333; height: 40px; line-height: 35px; display: block; padding-left: 35px; }
.main_left .leftlist a:hover { color: #fff; border-left: 5px solid#000; background: #4f4d4d; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; padding-left: 30px; }
.main_pro { width: 670px; float: left; }
.main_pro li { float: left; margin-left: 10px; margin-top: 15px; display: inline; width:210px; height: 200px; text-align: center; border: 1px solid#ccc; }
.main_pro .conIimg { width: 210px; height: 150px; overflow: hidden; margin: auto; }
.main_pro .conIimg img { width: 210px; }
.main_pro li p { margin-top: 20px; }
.main_pro li a { color: #333; }
.main_pro li a:hover { color: #467b49; }
/*case*/
.case_ul { width: 100%; height: 200px; float: left; margin-top: 25px; }
.case_ul li { width: 200px; height: 200px; float: left; margin: 0 0 0 1px; }
.case_ul .conIimg { width: 180px; height: 160px; overflow: hidden; }
.case_ul .conIimg img { width: 180px; }
.case_ul li p { text-align: center; }
.case_ul li a { color: #333; }
.case_ul li a:hover { color: #000; }
/*------------ Main Menu ------------*/
.mainmenu { font-size: 16px; position: relative; padding: 0; }
.mainmenu > li { background-color: #3399CC; border-top: 1px solid #fff; height: 48px; color: #f7f1e3;  }
.mainmenu > li span { display: block; line-height: 48px;margin-left: 30px; }
.mainmenu > li .icon { float: left; width: 20px; height: 20px; display: block; position: absolute; left: 10px; top: 15px; }
.mainmenu > li .messages { background: url("../images/messages.png") no-repeat; padding: 0; margin-top: -33px; margin-right: 19px; float: right; display: block; width: 34px; height: 18px; text-align: center; font-size: 11px; line-height: 19px; }
.expand-triangle { background: url("../images/expand.gif") top left no-repeat; height: 10px; width: 276px; content: " "; margin-left: -40px; }
/*------------ Sub Menu ------------*/
.submenu { box-sizing: border-box; color: #000; font-size: 13px; content: " ";/*opacity: 0.5;*/ }
.submenu li { height:40px; font-size:18px; font-weight:200;border-top:1px solid#fff;color:#333;height:40px; line-height:35px; display:block; padding-left:5px; }
.submenu .chosen, .submenu .chosen:hover { border-left: solid 6px #96d145; }
.submenu li:hover { color:#fff; border-left:5px solid#000; background:#4f4d4d; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; padding-left:0px; }
.submenu li span { margin-left: 35px; }
.animate { animation: flip 2000ms ease-in-out alternate; }
.mainmenu li span a{ color:#fff;}
.submenu li span a{ color:#000;}
.submenu li span a:hover{ color:#fff;}
/*mainnews*/
.main_right{width: 670px; float: left; }
.mainnews{ width:660px; float:left; margin-top:25px; margin-left:10px; border-bottom:1px dashed#ccc;}
.mainnews img{ width:169px; height:114px; float:left; margin-right:15px;border:1px solid#ccc;}
.mainnews img:hover{ border:1px solid#ff6600;}
.mainnews h1{ font-size:14px; color:#006abc; font-weight:100;}
.mainnews h1 a{ color:#006abc; line-height:25px;}
.mainnews h1 a:hover{ text-decoration:underline;}
.mainnews .date{ font-size:12px; height:20px; line-height:20px;} 
.mainnews .date span{ color:#999999;}
.mainnews .newscon{ width:640px; font-size:12px; line-height:25px; color:#555555}

.txt{ line-height:35px; width:620px; display:block; margin:auto; padding-top:25px;}
.fenye{width:600px;height:50px;line-height:50px; font-size:13px;clear:both;text-align:center; margin:auto;}
.fenye a{margin-left:5px}
.pageNavi{border:none; margin-top:50px; font-size:13px}
.maximg{ display:block; margin:auto; max-width:500px;}
.productcon{ line-height:35px; width:620px;margin:auto; border-top:1px solid#ccc; margin-top:35px;}

.Page{ margin:20px 0; width:100%;}
.Page ul{width: 680px;height: 32px;display:block; margin:0 auto;}
.Page ul li{width:auto;float: left;display: inline; height: 32px; line-height: 32px; padding: 0 10px;color:#000;font-size:15px; margin: 0 5px; border:1px solid #dedede; font-size:16px;}
.Page ul li a{color:#000;font-size:16px; }
.Page ul li.thisclass{background:#2269d5;border:1px solid #218EC1;color:#fff; font-size:16px;}
.Page ul li.thisclass a{color:#fff;}
.Page ul li a:hover, a:focus {color: hsl(209, 93%, 48%);text-decoration: none;}
.page-status {
    width: auto;
    float: left;
    display: inline;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #000;
    font-size: 15px;
    margin: 0 5px;
    border: 1px solid #dedede;
    font-size: 16px;
}
.page-index {
    width: auto;
    float: left;
    display: inline;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #000;
    font-size: 15px;
    margin: 0 5px;
    border: 1px solid #dedede;
    font-size: 16px;
}
.page-pre {
    width: auto;
    float: left;
    display: inline;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #000;
    font-size: 15px;
    margin: 0 5px;
    border: 1px solid #dedede;
    font-size: 16px;
}
.page-num {
    width: auto;
    float: left;
    display: inline;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #000;
    font-size: 15px;
    margin: 0 5px;
    border: 1px solid #dedede;
    font-size: 16px;
}
.page-num-current {
    background: #2269d5;
    border: 1px solid #218EC1;
    color: #fff;
    font-size: 16px;
}
.page-next {
    width: auto;
    float: left;
    display: inline;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #000;
    font-size: 15px;
    margin: 0 5px;
    border: 1px solid #dedede;
    font-size: 16px;
}
.page-last {
    width: auto;
    float: left;
    display: inline;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #000;
    font-size: 15px;
    margin: 0 5px;
    border: 1px solid #dedede;
    font-size: 16px;
}